body {
  width: 100vw;
  height: 100vh;
  background-color: #2c3e50;
  display: grid;
  div {
    width: 100px;
    height: 100px;
    background-color: blueviolet;
    animation-name: move;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
  }
  &:hover div {
    animation-play-state: paused;
  }
  @keyframes move {
    to {
      transform: translateX(400%);
    }
  }
}
